<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测评报告</title>
<!--[if IE]><script language="javascript" type="text/javascript" src="/javascripts/jquery/excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="/javascripts/jquery/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="/javascripts/jquery/jquery.flot.min.js"></script>
<%= javascript_include_tag :fckeditor %>

<style>
*{ padding:0; margin:0; border:0;}
img{ border:0;}
/*h1,h2,h3,h4,h5,h6{ font-family:"宋体",Arial; font-size:12px; font-weight:normal;}*/
body{ font-family:"宋体",Arial; font-size:12px; background:url(/images/user/show_report/bg.jpg) repeat-x;}
ul,ol{ list-style:none;}
a{ color:#304d62; text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none;}
#page {margin:0 auto; width:750px;}

#header{ width:750px; float:left; background:url(/images/user/show_report/top2.jpg) no-repeat; height:135px;}
#header ol{ width:98px; height:24px; float:left; padding:42px 0 0 65px; }
#header ol li{ width:98px; height:24px;float:left;}

#header ul{ width:170px; height:84px; float:right; padding-right:62px; margin-top:20px;}
#header ul li{line-height:36px; font-size:14px; color:#FFFFFF; text-align:right;}
#header ul li a{ color:#FFFFFF; font-size:12px; padding-right:20px;}

#content{ width:750px; float:left;}
.contentt{ width:750px; float:left; background:url(/images/user/show_report/sdaf.jpg) no-repeat; }
.content01{ width:629px; height:78px; float:left; border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; margin-left:58px; display:inline;}
.line01{ width:104px; height:25px; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; text-align:center; line-height:25px;}
.line02{ width:524px; height:25px; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; text-align:center; line-height:25px;}
.line03{ height:25px; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; text-align:center; line-height:25px;}

.content02{ width:630px; float:left; margin-top:23px; padding-left:58px; color:#000000;}
.content02 span{ width:630px; line-height:26px; float:left; font-size:14px; font-weight:bold;}
.content02 p{ width:630px; line-height:30px; margin-top:5px; text-indent:10px; float:left;}
.content02a{ width:375px; height:23px; float:left; border:1px solid #b7b7b7; line-height:23px; border-right:none;}
.line04{ border-right:1px solid #b7b7b7; text-align:center;}

.content05{ width:630px; float:left; margin-top:15px; font-size:12px;}
#dimen-div table{ border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; float:left; line-height:20px; margin:10px 0;}
#dimen-div tr td{ padding: 5px 5px 5px 5px;border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; height:20px; line-height:20px;}
.content05 ul li{ width:610px; line-height:33px; float:left; padding-left:10px;}
.content03a{ width:628px; float:left; border:1px solid #b7b7b7; background:url(/images/user/show_report/df3.jpg) repeat-x; }
#zixunshiyj-p{ width:530px; line-height:33px; float:left; font-weight:bold; font-size:14px;}
#zixunshiyj-span{ width:53px; height:20px; float:right; padding:7px 13px 0 0;}

.center{ width:750px; float:left; background:url(/images/user/show_report/content.jpg) repeat-y;}
.center0{ width:630px; float:left; padding-left:58px;}

.black{ width:750px; height:97px; float:left; background:url(/images/user/show_report/fdg.jpg) no-repeat;}
.black span{ width:101px; height:34px; float:right; padding-right:39px; margin-top:25px;}


#footer{ width:100%; height:200px; padding-top:20px; float:left; background:url(/images/user/show_report/footer.jpg) no-repeat; text-align:center; color:#295c72;}
#footer h1{ margin-top:100px; font-size: 12px; font-weight: normal;}

#part-div{padding: 20px 0 0 0;}
#yijian {padding: 15px 15px 15px 15px;}
#dimen-table {padding: 30px 15px 15px 30px;}

#dimen-table tr td{padding: 5px 8px 5px 8px;}
#part-div tr td{padding: 5px 8px 5px 8px;}

#dimen-chart {padding: 20px 15px 15px 15px;}

#report-title{font-weight:bold;}

#yijian-01{padding:20px 20px 20px 20px}
#yijian-02{padding:20px 20px 40px 20px}

/*特殊*/
.content06{ width:630px; float:left; margin-top:15px; font-size:14px;}
.content03a{ width:628px; float:left; border:1px solid #b7b7b7; background:url(/images/user/show_report/df3.jpg) repeat-x; }
.content06 p{ width:530px; line-height:33px; float:left; }

.cm{ width:600px; float:left; padding:15px 15px 15px 15px;}
.cm p{ width:600px; line-height:21px; margin-top:10px;}
.cm ul{ width:600px; float:left; margin-top:5px;}
.cm ul li{ width:600px; line-height:22px; float:left;}
.cm ol{ width:600px; float:left; margin-top:5px; padding-left:5px;}
.cm ol li{ width:600px; line-height:22px; float:left;}
.cm table{ border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; float:left; line-height:20px; margin:10px 0;}
.cm tr td{ border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; height:20px; line-height:20px;}

h3{margin-top:5px; margin-bottom:5px; }
h4{margin-left: 10px; margin-top:5px; margin-bottom:5px; font-weight:normal; font-size: 14px;}
/*有边框的div*/
.has-border{ width:628px; float:left; padding:20px 20px 20px 20px; border:1px solid #b7b7b7; background:transparent url(/images/user/show_report/df3.jpg) repeat-x scroll 0 0;}
/*table包装*/
.table-wrapper { margin:5px 5px 5px 5px; width:600px}
.table-wrapper table{ border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; float:left; line-height:20px; margin:10px 0;}
.table-wrapper tr td{ border-bottom:1px solid #b7b7b7; padding:5px 5px 5px 5px; border-right:1px solid #b7b7b7; height:20px; line-height:20px;}

.item-grade2{width:600px; float:left;}
/*特殊*/
</style>

</head>

<body>

<div id="page">
  <div id="main">

    <div id="header">
      <ol>
        <li><img src="/images/user/show_report/ceping_03.jpg" width="98" height="24" /></li>
      </ol>
      <ul>
        <li><%=current_user_name%></li>
        <li><a href="/login/logout">安全退出</a></li>
      </ul>
    </div>

    <div id="content">
      <div class="contentt">
        <div class="content01">
          <table width="629" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
                <table width="629" border="0" cellspacing="0" cellpadding="0" height="25">
                  <tr>
                    <td align="center" class="line01">姓  名</td>
                    <td align="center" class="line01"><%=@test_record.username || "&nbsp;"%></td>
                    <td align="center" class="line01">性  别</td>
                    <td align="center" class="line01"><%=@test_record.gender || "&nbsp;"%></td>
                    <td align="center" class="line01">年  龄</td>
                    <td align="center" class="line01"><%=@test_record.age || "&nbsp;"%></td>
                  </tr>
                </table>

              </td>
            </tr>
            <tr>
              <td>
                <table width="629" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="line03">测评机构</td>
                    <td class="line02"><%=current_user_name || "&nbsp;"%></td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td>
                <table width="629" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="line03">量表名称</td>
                    <td class="line02"><%=@test.name || "&nbsp;"%></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>

        </div>

        <div class="content02">
          <h3>一、结果分析</h3>
        </div>

      </div>

      <div class="center">
        <div class="center0">
<%= yield %>
        
          <% if controller_name != "prof_surveys" %>
          <div class="content05">
            <p id="zixunshiyj-p">二、咨询师意见</p>
            <span id="zixunshiyj-span"><a href="javascript:;" onclick="show_bianji();"><img src="/images/user/show_report/bj_03.jpg" width="53" height="20" /></a></span>
            <div class="content03a" id="yijian-01">
                <%= render :partial => "zxs_yj", :object => @test_record %>
            </div>
            <div class="content03a" style="display:none;"id="yijian-02">
              <form id="edit_yijian" name="edit_yijian" action="/user/reports/record_zxs_yj" method="post">
                  <%=fckeditor_textarea(:test_record, :zxs_yj, :toolbarSet=>"Easy" ,:width => '620px', :height => '250px')%>
             <input type="hidden" name="record_id" value="<%=@test_record.id%>" >
             <input type="button" name="button01"  onclick="submit_form(); hide_binaji()" value="保存编辑" style="margin:0 0 0 200px;">
             </form>
            </div>
          </div>
          <% end %>

        </div>
      </div>

      <div class="black">
        <% if controller_name == "prof_surveys" %>
        <span><a href="/surveys/prof_surveys"><img src="/images/back.png" width="88" height="27" style="margin-left:10px;"/></a></span>
        <% else %>
        <span><a href="/user/reports"><img src="/images/back.png" width="88" height="27" style="margin-left:10px;"/></a></span>
        <% end %>
      </div>

    </div>
  </div>

</div>


  <div id="footer">
    <h1>北京心嘉源咨询有限公司 CopyRight © www.iyaoi.cn 2009</h1>
  </div>

<script>
 function show_bianji(){
   $("#yijian-01").hide();
   $("#yijian-02").show();
  }

  function hide_binaji(){
    $("#yijian-01").show();
    $("#yijian-02").hide();
  }

  function submit_form(){
    MyObject.UpdateEditorFormValue();
    var form=document.getElementById("edit_yijian");
    $.ajax({
      type: "POST",
      url: form.action,
      data: $("form").serialize(),
      success: function(html){
        $('#yijian-01').html(html);
      }
    });
  }

  function MyClass() {
    this.UpdateEditorFormValue = function(){
            for ( i = 0; i < parent.frames.length; ++i )
                    if ( parent.frames[i].FCK )
                            parent.frames[i].FCK.UpdateLinkedField();
    }
  }
  // instantiate the class
  var MyObject = new MyClass();
</script>
</body>
</html>
